#menu_wrapper
{
	z-index: 100;
	position: fixed;
	height: 100%;
	width: 222px;
	/*background-color: #ccc5c5;
	opacity: 0.48;*/
	background: rgba(204, 197, 197, 0.48);
	right: 0px;
	pointer-events:none;
}
#menu
{
	z-index: 110;
	/*background-color: #363535;*/
	background: rgba(54, 53, 53, 0.8);
	/*background-image: url('../img/esquina2.png');
	background-repeat: no-repeat;
	background-position: right bottom;*/
	border-right: 5px solid #fff;
	/*border-left: 5px solid #fff;*/
	height: 360px;/*360px*/
	margin-top: 38%;
	padding-right: 5px;
	pointer-events:auto;
}
#menu.oscuro
{
	background: rgba(0, 0, 0, 0.8);
}
#menu ul
{
	margin-top: 95px;
	list-style:none;
	padding-left: 15px;
}
#menu li
{
	padding: 3px 0;
}
#menu a
{
	color: gray;
	font-family: Lucida Grande, Tahoma, Arial, Verdana, sans-serif;
	font-size: 15pt;
	text-decoration: none;
}
#dialog
{
	color: gray;
	font-family: Lucida Grande, Tahoma, Arial, Verdana, sans-serif;
	font-size: 15pt;
	margin-top: 0px;
	text-decoration: none;
	cursor:pointer;
}
#dialog:hover
{
	color: white;
	text-shadow: 1px 1px 10px rgba(71,80,23,0.6);
	transition: all linear 0.1s;
	-webkit-transition: all linear 0.4s;
    -moz-transition: all linear 0.4s;
    -o-transition: all linear 0.4s;
    -ms-transition: all linear 0.4s;
}
#menu ul li a:hover,
#menu ul li #dialog:hover
{
	color: white;
	text-shadow: 1px 1px 10px rgba(71,80,23,0.6);
	transition: all linear 0.1s;
	-webkit-transition: all linear 0.4s;
    -moz-transition: all linear 0.4s;
    -o-transition: all linear 0.4s;
    -ms-transition: all linear 0.4s;
    
}

#menu ul:hover a,
#menu ul:hover #dialog
{
	text-shadow: 0px 0px 2px #AAAAAA;
	color: transparent;
	transition: all linear 0.1s;
	-webkit-transition: all linear 0.4s;
    -moz-transition: all linear 0.4s;
    -o-transition: all linear 0.4s;
    -ms-transition: all linear 0.4s;
}
#logoAV
{
	margin: 15px;
}
body
{
	margin: 0px;
}
